 body {
   -ms-overflow-style: scrollbar;
 }

 .favorite-list {
   margin: 0 50px;
 }

 .favorite-list a {
   font-size: 15px;
   line-height: 30px;
 }

 h3.header-center {
   text-align: center;
   font-size: 14px;
   font-weight: normal;
   background-color: #f0f0f0;
   color: #5d9cec;
   line-height: 28px;
   margin-bottom: 15px;
 }

 .valid-items-form .row {
   margin-right: 60px;
 }

 .box-main-title {
   font-size: 14px;
   text-align: center;
   padding: 8px 0;
   color: #fff;
   background-color: #5d9cec;
 }

 .button-panel {
   background-color: #aaa;
   display: inline-block;
   padding: 3px 60px;
 }

 .sidenav {
   position: fixed;
   top: 17%;
   width: 55px;
   height: auto;
   right: 0;
   background: #5E8AC2;
   z-index: 9999;
 }

 .sidenav ul {
   padding-left: 0px;
   text-align: center;
   margin-bottom: 0px;
 }

 .sidenav ul li {
   list-style: none;
   font-size: 12px;
   color: white;
   padding: 7px 0;
 }

 .sidenav ul a {
   color: white;
   text-decoration: none;
 }

 .sidenav ul li i {
   font-size: 13px;
 }

 .sidenav ul li i a {
   display: block;
   font-size: 11px;
   margin-top: 3px;
 }

 .text {
   font-size: 12px;
 }

 .item {
   padding: 11px 0;
 }

 .clearfix:before,
 .clearfix:after {
   display: table;
   content: "";
 }

 .clearfix:after {
   clear: both
 }

 .box-card {
   height: 350px;
   position: relative;
   background-color: rgb(250, 250, 250)
 }

 .topMenu {
   height: 40px;
   background-color: inherit;
 }

 .topMenu_item {
   height: 40px !important;
   line-height: 40px !important;
   color: #5d9cec
 }

 .topMenu_item i {
   margin-right: 3px !important;
   font-size: 15px;
 }

 .nor-btn {
   cursor: pointer;
   color: #5d9cec;
   padding: 0 .5em;
 }

 .el-card__header {
   padding: 8px 8px;
   font-size: 13px;
   background-color: #5d9cec;
   border-bottom: 1px solid #5d9cec;
   height: 50px;
 }

 .cardspan {
   padding-left: 5px;
   font-size: 14px;
   font-weight: 600;
   color: white;
   line-height: 30px
 }

 .el-card__body {
   padding: 10px;
 }

 .box-card i {
   cursor: pointer
 }

 div .el-input__inner {
   height: 26px;
 }

 .el-input__main {
   margin: 10px auto;
   width: 40%
 }

 body .el-input {
   font-family: Microsoft YaHei;
 }

 .buttonD {
   border-radius: 5px;
   margin-top: 13px;
   margin-left: 18px;
   background-color: #428bca;
   border: 0px;
   width: 80%;
   height: 36px;
   color: white;
   font-family: Microsoft YaHei;
   font-size: 13px;
 }

 .buttonNext {
   padding: 0 !important;
   border-radius: 5px;
   margin-left: 18px;
   background-color: #428bca;
   border-color: #5d9cec;
   width: 5%;
   height: 29px;
   color: white;
   font-family: Microsoft YaHei;
   font-size: 11px;
 }

 .buttonS {
   font-size: 14px;
   font-family: Microsoft YaHei;
 }

 .cardiv {
   height: 148px;
   margin-bottom: 35px;
 }

 .left {
   /*float:left;
    width:13%;*/
   position: fixed;
   z-index: 999;
   width: 13%;
 }

 .right {
   width: 84%;
   margin: 0 auto;
   margin-left: 12%;
   background-color: #fff;
 }

 /* .el-radio-button__inner {
     background: #a4a4a4;
     border: none;
     color: white;
 }*/

 .seek {
   width: 70%;
 }

 .seek:focus {
   border: 1px solid #5d9cec;
 }

 .el-button+.el-button {
   margin-left: 10px;
 }

 button:hover {
   background: #1776d3;
   color: #f9f9f9;
 }

 .carddiv {
   font-weight: bold;
   position: absolute;
   bottom: 10px;
   left: 0;
   width: 100%;
 }

 .carddivadd {
   padding-top: 20px;
   font-size: 100px;
   color: #d1dbe5;
 }

 .divpadtop {
   padding-top: 30px;
 }

 .datepickerw {
   width: 180px;
 }

 .subbtn {
   cursor: pointer
 }

 .left-tables {
   float: left;
   width: 13%;
   padding-top: 20px;
   font-size: 14px;
   color: #095aa9;
 }

 .right-tables {
   float: left;
   width: 87%;
 }

 .cardsuccess {
   background-color: rgba(32, 160, 255, 0.27);
   border-color: white;
 }

 .cardbody {
   float: left;
   padding: 30px 0px 0px 30px;
 }

 .tabletab {
   padding-left: 20px;
   padding-right: 20px;
 }

 .left-div3 {
   float: left;
   width: 26.5%;
 }

 .fr-w {
   width: 100%
 }

 .template {
   font-family: 微软雅黑;
   font-weight: bold;
   color: #428bca;
 }

 .cardiv table tbody tr {
   height: 30px;
 }

 .cardiv table tbody tr td {
   text-align: left !important;
 }

 .btn-success {
   color: #5d9cec;
   background-color: #ffffff;
   border-color: #5d9cec;
 }

 .btn-success:hover {
   color: #fff;
   background-color: #5d9cec;
   border-color: #5d9cec;
 }

 .btn-success:focus {
   color: #fff;
   background-color: #5d9cec;
   border-color: #5d9cec;
 }

 .btn-manage {
   color: #5d9cec;
   background-color: #ffffff;
   border-color: #5d9cec;
 }

 .carddiv .button-link {
   color: white;
   text-decoration: none;
 }

 .cardmanage {
   margin-top: 50px;
 }

 .cardmanage .button-link {
   color: white;
   text-decoration: none;
 }

 .templateTopic {
   border-radius: 5px 5px 5px 5px;
   cursor: pointer;
   border: 1px solid silver;
   padding: 3px 10px 3px 10px;
   font-size: 12px;
   margin-right: 5px;
   margin-left: 5px;
   text-align: left;
 }

 .templateTopicSelected {
   border-radius: 5px 5px 5px 5px;
   cursor: pointer;
   border: 1px solid silver;
   padding: 3px 10px 3px 10px;
   font-size: 12px;
   margin-right: 5px;
   margin-left: 5px;
   text-align: left;
   background-color: rgb(70, 201, 94);
   color: white;
 }

 .radio {
   /*margin-top: 5px;*/
   margin-left: 7px;
 }

 #themeKey tbody tr td:nth-child(2) {
   text-align: left !important;
 }

 .icon {
   color: white;
 }

 .el-icon-plus {
   color: #5bc0de;
 }

 #cvrgTable {
   margin: 0 auto;
   width: 97%;
 }

 .fwidth {
   width: 100%;
   background-color: inherit
 }

 .cardiv table tbody tr td:nth-child(1) {
   width: 58px;
 }

 a:hover {
   cursor: pointer;
 }

 div .right {
   text-align: left !important;
 }

 .main-header {
   z-index: 999;
   position: relative;
 }

 .richbtn {
   border-radius: 20px;
   color: #5d9cec;
   border-color: #5d9cec;
   background-color: #ffffff;
 }

 .richbtn.el-button:focus {
   color: #5f5f5f;
   border-color: #5f5f5f;
   background-color: #ffffff;
 }

 .richbtn.el-button:hover {
   color: #5f5f5f;
   border-color: #5f5f5f;
   background-color: #ffffff;
 }

 .specbtn {
   background-color: #ffffff;
   border-color: #5d9cec;
   color: #5d9cec;
 }

 .specbtn.el-button:focus {
   color: #5f5f5f;
   border-color: #5f5f5f;
   background-color: #ffffff;
 }

 .specbtn.el-button:hover {
   color: #5f5f5f;
   border-color: #5f5f5f;
   background-color: #ffffff;
 }

 .nav-button {
   font-size: 19px;
   text-align: center;
   cursor: pointer;
   border-radius: 50%;
   width: 36px;
   height: 36px;
   margin-top: 6px;
   margin-right: 10px;
   color: rgb(93, 156, 236) !important;
   border: 2px solid rgb(93, 156, 236) !important
 }

 .nav-button:hover {
   background-color: rgb(93, 156, 236) !important;
   color: #ffffff !important;
   border: 2px solid rgb(93, 156, 236) !important
 }

 .jqimg {
   cursor: auto;
   font-size: 14px;
   background-color: white;
   text-align: center;
   border-radius: 50%;
   width: 45px;
   height: 45px;
   margin-top: 6px;
   margin-right: 10px;
   color: #5d9cec !important;
   border: 2px solid #5d9cec !important;
 }

 .jqimg_tiny {
   background-color: white;
   border: 1px solid #5d9cec;
   text-align: center;
   width: 25px;
   height: 25px;
   padding-top: 2px;
   border-radius: 50%;
   color: #5d9cec !important;
 }

 .jqimg_tiny:hover {
   background-color: white;
   color: #5d9cec !important;
   border: 1px solid #5d9cec !important;
 }

 .jqimg:hover {
   background-color: white;
   color: #5d9cec !important;
   border: 2px solid #5d9cec !important;
 }

 .syimg {
   cursor: auto;
   font-size: 14px;
   background-color: white;
   text-align: center;
   border-radius: 50%;
   width: 45px;
   height: 45px;
   margin-top: 6px;
   margin-right: 10px;
   color: #f0ad4e !important;
   border: 2px solid #f0ad4e !important;
 }

 .syimg:hover {
   background-color: white;
   color: #f0ad4e !important;
   border: 2px solid #f0ad4e !important;
 }

 .loadimg {
   color: #5d9cec;
 }

 .loadimg2 {
   color: #f0ad4e;
 }

 .loadbtn {
   color: #1f2d3d !important;
   border-color: #fafafa !important;
   background: #fafafa !important;
   z-index: 98;
   position: relative;
 }

 .loadbtn:focus {
   color: #1f2d3d;
   border-color: #fafafa;
   background: #fafafa;
 }

 .loadbtn:hover {
   color: #1f2d3d;
   border-color: #fafafa;
   background: #fafafa;
 }

 .floatdiv {
   float: left;
   padding-right: 20px;
 }

 .floatitem {
   float: left;
   padding-top: 16px;
 }

 .floatitem2 {
   float: right;
   padding-top: 21px;
 }

 .coefjq {
   float: left;
   width: 10%;
   text-align: center;
   padding-top: 6px;
 }

 .coefdiv {
   float: left;
   width: 85%
 }

 .coefsy {
   float: left;
   width: 10%;
   text-align: center;
   padding-top: 40px;
   height: 120px;
 }

 .el-button--primary {
   color: #5d9cec;
   background-color: #fff;
   border-color: #5d9cec;
 }

 .maxwidth {
   width: 100% !important;
 }

 .paybtns {
   padding-top: 10px;
   padding-bottom: 10px;
 }

 .payamnt {
   padding-top: 10px;
   color: red;
   font-weight: bold;
 }

 .divflaleft {
   float: left;
 }

 .padleft {
   padding-left: 10px;
 }

 .padbtm {
   padding-bottom: 5px;
 }

 .halfwidth {
   width: 50% !important;
 }

 .dialogbody .el-dialog__body {
   padding: 0px 20px 30px 20px;
   color: #48576a;
 }

 .dialogtop .el-dialog__title {
   line-height: 1;
   font-size: 16px;
   font-weight: 700;
   color: #5d9cec;
 }

 .groupmag {
   margin-left: 1%;
   color: #5d9cec;
   background-color: #fff;
   border-color: #5d9cec;
 }

 .groupmag:hover {
   background: #4db3ff;
 }

 .tabnames {
   margin-top: 10px;
   color: #5d9cec;
   font-weight: 300;
 }

 .tabtopsty {
   border-bottom-color: #5d9cec !important;
   border: 0px !important;
   background-color: #fafafa !important;
 }

 .tabicon {
   color: #5d9cec;
   font-size: 14px;
   cursor: pointer;
 }

 .tabbtn:hover {
   background-color: #e7e7e7;
 }

 .table th,
 .table td {
   padding: 5px 0 5px 0 !important;
   vertical-align: top;
   border-bottom: 1px solid #eceeef !important;
 }

 .table-bordered th,
 .table-bordered td {
   border: 0px solid #eceeef;
 }

 .tabsty input {
   width: 200px;
 }

 .sidenav li {
   background-color: rgb(180, 180, 180);
 }

 .sidenav li:hover {
   background-color: #5d9cec;
 }

 .stytable thead th {
   background-color: #fff !important;
 }

 .checkBa .el-checkbox__inner {
   background-color: #ff4949;
   border-color: #ff4949;
 }

 .checkBb .el-checkbox__input.is-checked .el-checkbox__inner {
   background-color: #f0ad4e;
   border-color: #f0ad4e;
 }

 .table-tab .el-col-8 {
   width: 33.33333%;
   text-align: center;
   height: 40px;
   line-height: 40px;
 }

 .endorseFrame_contentRow {
   padding-top: 15px;
   text-align: center;
 }

 .infoLabel {
   font-size: 15px;
   font-weight: 600;
   border-radius: 7px 7px 5px 0px;
   background-color: #58B7FF;
   padding: 3px 8px 3px 8px;
   color: #F9FAFC;
   width: 100px;
   display: block;
   text-align: center;
   margin-bottom: 0px;
 }

 .topMenu_item {
   position: fixed;
   z-index: 99;
 }

 .async-loading {
   width: 128px;
   height: 128px;
   fill: #5d9cec;
   z-index: 9999;
   position: absolute;
   top: 150px;
   left: 50%;
   margin-left: -64px;
   background-image: url(../img/async-loading.gif)
 }

 .mgtop20 {
   margin-top: 20px;
 }

 .el-tooltip__popper .tips-width458 {
   max-width: 458px;
 }

 .layer-box .el-tabs__content {
   box-shadow: 0px 1px 1px #ccc;
 }

 .layer-box .el-tabs__header {
   margin-bottom: 1px;
 }

 /* 里层框线虚线 */

 .layer-border {
   border: 1px dashed #5d9cec;
   padding: 0 8px;
   margin: 30px 15px 15px 15px;
 }

 .layer-border-dt {
   border: 1px dotted #ccc;
   padding: 0 8px;
   margin: 15px 8px;
 }

 .layer-border-dt .layer-title-3 {
   border-top: 1px dotted #ccc;
 }

 .layer-border-dt .layer-title-3 label {
   border: 1px dotted #ccc;
   color: #666;
 }

 .layer-title-3 {
   position: relative;
   font-size: 14px;
   font-weight: normal;
   height: 20px;
   margin: -1px -8px 0 -8px;
   border-top: 1px solid #5d9cec;
 }

 /* 里层边框隐藏 */

 .layer-title-3,
 .layer-title-4 {
   border-top: 0;
 }

 .layer-title-3 label {
   position: absolute;
   top: -15px;
   left: 10px;
   font-size: 13px;
   font-weight: normal;
   line-height: 24px;
   padding: 0 10px;
   border: 1px dashed #5d9cec;
   color: #5d9cec;
   background-color: #fff;
 }

 /* 外层框线实线加粗 */

 .layer-outer-border {
   border: 2px solid #5d9cec;
   padding: 0 8px;
   margin: 30px 15px 15px 15px;
 }

 /* login */

 .input-icon input {
   font-size: 14px;
   color: #333;
   border-radius: 4px;
   height: 50px !important;
   line-height: 50px;
   margin-bottom: 20px;
   text-indent: 50px;
   background-position: 17px center;
   background-repeat: no-repeat;
 }

 .el-form-item.is-error .input-icon input {
   margin-bottom: 0;
 }

 .input-icon.user input {
   background-image: url('../img/login/user.png');
 }

 .input-icon.passwd input {
   background-image: url('../img/login/pass.png');
 }

 .input-icon.captcha input {
   background-image: url('../img/login/yzm.png');
 }

 .btn-submit {
   width: 100%;
   background-color: #ffac1c;
   border-radius: 4px;
   font-size: 24px;
   color: #ffffff;
   height: 50px;
   margin-top: 10px;
 }

 .login-label {
   font-size: 24px;
   margin-bottom: 22px;
 }

 .img-captcha {
   width: 100%;
   height: 50px;
   padding-left: 10px;
   vertical-align: middle;
   display: table-cell;
 }

 .img-captcha img {
   vertical-align: middle;
   cursor: pointer;
 }

 .error-msg {
   padding-top: 10px !important;
 }

 .btn-submit:focus {
   outline: none;
   background-color: #ffac1c;
 }

 .bg-red .el-input__inner {
   background-color: orange !important;
 }

 .bg-red input,
 .bg-red textarea,
 .bg-red .el-switch__core,
 .el-switch.is-checked.bg-red .el-switch__core {
   background-color: orange !important;
 }

 /* 解决单选按钮只读时不高亮 */

 .el-switch.bg-red.is-disabled span.el-switch__core {
   background-color: orange !important;
 }

 .mulpComboClass>div>span {
   /* white-space: nowrap;
    overflow: hidden;
    width: 98%;
    display: inline-block; */
 }

 .el-select-dropdown {
   max-width: 400px !important;
 }

 .el-menu-item.topMenu_item {
   padding: 0 15px;
 }

 /**下拉框超长时，鼠标指向的选项自动换行展示*/

 .el-select-dropdown__item:hover {
   white-space: normal;
   word-wrap: break-all;
   height: auto;
 }

 .no-line .el-dialog__header {
   border-bottom-width: 0px;
 }

 .no-line .el-dialog__body {
   padding-bottom: 10px;
 }

 /**表格expand内容点击事件取消*/

 .row-expand-cover .el-table__expand-icon {
   pointer-events: none;
 }

 .el-form-item.is-required .el-form-item__label:before {
   content: '*';
   color: #f30000;
   font-size: 16px;
   font-weight: bolder;
 }

 body .el-form-item__label {
   padding: 3px 5px 5px 0;
 }

 .header-left img {
   height: 35px;
   margin: 3px 0;
 }

 /**日期控件样式*/

 .el-date-editor .el-picker-panel {
   background-image: url(../js/assets/bg/date_head_bg.png);
   background-repeat: repeat-x;
   background-position-y: -8px;
 }

 .tool-bar .close {
   opacity: 1;
 }

 .question-dialog .el-dialog--small {
   width: 30%;
 }

 /* 工作台待处理任务 */
 .pending-card.pending-card-margin {
   margin-right: 10px;
 }

 .pending-card .el-card__header {
   height: auto;
   background-color: transparent;
   border-bottom: 1px solid #d1d8e5;
 }

 .pending-card .el-card__body {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
 }

 .pending-card .pending-card-ctn-line {
   width: 1px;
   height: 60px;
   border-left: 1px solid #d3d3d3;
 }

 .pending-card .pending-card-ctn {
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .pending-card .pending-card-ctn .pending-card-ctn-left {
   display: inline-block;
   text-align: center;
   margin-right: 20px;
 }

 .pending-card .pending-card-ctn .pending-card-ctn-left.pending-card-link {
   cursor: pointer;
 }

 .pending-card .pending-card-ctn .pending-card-ctn-left.pending-card-link:hover {
   color: #5d9cec;
 }

 .pending-card .pending-card-ctn .pending-card-ctn-left>i {
   display: block;
   font-size: 30px;
   line-height: 40px;
 }

 .pending-card .pending-card-ctn .pending-card-ctn-left>span {
   line-height: 20px;
 }

 .pending-card .pending-card-ctn .pending-card-ctn-right {
   line-height: 50px;
   font-size: 30px;
   display: inline-block;
   text-align: left;
   font-weight: bold;
   color: #5d9cec;
 }

 .valid-items-form .valid-item{
  display: block !important;
}